/**
 * Created by Administrator on 2017/10/23.
 */
//获取token

var uptoken_url = '';
$.ajax({
    async: false,
    type: "POST",
    data:"{}",
    url: "apis/upload/qiniutoken",
    dataType : "text",
    success: function(res) {
        uptoken_url = res;
    },
    error: function(er) {
        alert("错误："+er.statusText);
    }
});
//一个页面有两个上传按钮的上传稿件

$(function () {
    //重新上传图片第一个按钮
    var option1 = {
        runtimes: 'html5,flash,html4',      // 上传模式，依次退化
        browse_button: 'pickfiles1',
        max_file_size: '4gb',
        flash_swf_url: '/swf/Moxie.swf',
        silverlight_xap_url : '/swf/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        dragdrop: true,
        chunk_size: '4mb',
        multi_selection: !(mOxie.Env.OS.toLowerCase() === "ios"),
        uptoken: uptoken_url,
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的uptoken
        unique_names: true,              // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）
        domain: 'dn-dounengyin.qbox.me',     // bucket域名，下载资源时用到，必需
        max_retries: 3,                     // 上传失败最大重试次数
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
        //log_level: 5,
        multi_selection: false,
        init: {
            'FilesAdded': function (up, files) {

                plupload.each(files, function (file) {
                    // 文件添加进队列后，处理相关的事情

                    $("#speedProduct1").show();
                    $("#spanTips1").show();

                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前，处理相关的事情
                $("#speedProduct1").show();
                $("#printFileDetail1").html(file.name);

            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时，处理相关的事情
                var uploaded = file.loaded;
                var progress = new FileProgress(file, "fileno");
                var fileSize = plupload.formatSize(file.size).toUpperCase();
                var size = plupload.formatSize(uploaded).toUpperCase();
                var formatSpeed = plupload.formatSize(file.speed).toUpperCase();
                //console.log(fileSize);
                $('#fileSizes1').html(fileSize);
                $('#Sizes1').html(size);
                $('#formatSpeeds1').html(formatSpeed+ "/秒");

            },
            'FileUploaded': function (up, file, info) {
                // 每个文件上传成功后，处理相关的事情
                //alert("每个文件上传成功后，处理相关的事情");
                // 其中info是文件上传成功后，服务端返回的json，形式如：
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 查看简单反馈




                var domain = up.getOption('domain');
                var res = jQuery.parseJSON(info);
                //console.log(res);
                var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url
                printFileURL = "http\:\/\/" + sourceLink+ "?download"+"/"+file.name;
                $("#projectyFil1").val(printFileURL);

                $("#printFileURL1").val(printFileURL);
                $("#printFileDetail1").html(file.name);
                $('#printFileDetail1').attr('href',printFileURL);
                alert("上传成功");
                $("#spanTips1").show();
                $("#speedProduct1").hide();
            },
            'Error': function (up, err, errTip) {
                //上传出错时，处理相关的事情
                alert("上传出错，请重新点击上传");
                $("#speedProduct1").hide();
            },
            'UploadComplete': function () {
                //队列文件处理完毕后，处理相关的事情

            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在unique_names: false，save_key: false时才生效
                var key = "";
                // do something with key here
                return key
            }
        }
    };
    var uploader = Qiniu.uploader(option1);
    //第二个上传按钮开始
    var option2 = {
        runtimes: 'html5,flash,html4',      // 上传模式，依次退化
        browse_button: 'pickfiles2',
        // container: 'container',
        // drop_element: 'container',
        max_file_size: '4gb',
        flash_swf_url: '/swf/Moxie.swf',
        silverlight_xap_url : '/swf/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        dragdrop: true,
        chunk_size: '4mb',
        multi_selection: !(mOxie.Env.OS.toLowerCase() === "ios"),
        uptoken: uptoken_url,
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的uptoken
        unique_names: true,              // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）
        domain: 'dn-dounengyin.qbox.me',     // bucket域名，下载资源时用到，必需
        max_retries: 3,                     // 上传失败最大重试次数
        chunk_size: '4mb',                  // 分块上传时，每块的体积
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
        //log_level: 5,
        multi_selection: false,
        init: {
            'FilesAdded': function (up, files) {
                plupload.each(files, function (file) {
                    // 文件添加进队列后，处理相关的事情
                    $("#speedProduct2").show();
                    $("#printFileDetail2").show();
                    $("#printFileDetail2").show();
                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前，处理相关的事情
                $("#speedProduct2").show();
                $("#printFileDetail2").html(file.name);
            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时，处理相关的事情
                // 每个文件上传时，处理相关的事情
                var uploaded = file.loaded;
                var progress = new FileProgress(file, "fileno");
                var fileSize = plupload.formatSize(file.size).toUpperCase();
                var size = plupload.formatSize(uploaded).toUpperCase();
                var formatSpeed = plupload.formatSize(file.speed).toUpperCase();
                $('#fileSizes2').html(fileSize);
                $('#Sizes2').html(size);
                $('#formatSpeeds2').html(formatSpeed+ "/秒");

            },
            'FileUploaded': function (up, file, info) {
                // 每个文件上传成功后，处理相关的事情
                //alert("每个文件上传成功后，处理相关的事情");
                // 其中info是文件上传成功后，服务端返回的json，形式如：
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 查看简单反馈




                var domain = up.getOption('domain');
                var res = jQuery.parseJSON(info);
                var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url
                printFileURL = "http\:\/\/" + sourceLink+ "?download"+"/"+file.name;
                $("#projectyFil2").val(printFileURL);

                $("#printFileURL2").val(printFileURL);
                $('#download').attr('href',printFileURL);
                $('#printFileDetail2').attr('href',printFileURL);
                $("#printFileDetail2").html(file.name);
                alert("上传成功");
                $("#spanTips2").show();
                $("#speedProduct2").hide()

            },
            'Error': function (up, err, errTip) {
                //上传出错时，处理相关的事情
                alert("上传出错，请重新点击上传");
                $("#speedProduct2").hide();
            },
            'UploadComplete': function () {
                //队列文件处理完毕后，处理相关的事情

            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在unique_names: false，save_key: false时才生效
                var key = "";
                // do something with key here
                return key
            }
        }
    };
    var uploader2 = Qiniu.uploader(option2);
    // 第三个上传按钮
    var option3 = {
        runtimes: 'html5,flash,html4',      // 上传模式，依次退化
        browse_button: 'pickfiles3',
        // container: 'container',
        // drop_element: 'container',
        max_file_size: '4gb',
        flash_swf_url: '/swf/Moxie.swf',
        silverlight_xap_url : '/swf/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        dragdrop: true,
        chunk_size: '4mb',
        multi_selection: !(mOxie.Env.OS.toLowerCase() === "ios"),
        uptoken: uptoken_url,
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的uptoken
        unique_names: true,              // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）
        domain: 'dn-dounengyin.qbox.me',     // bucket域名，下载资源时用到，必需
        max_retries: 3,                     // 上传失败最大重试次数
        chunk_size: '4mb',                  // 分块上传时，每块的体积
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
        //log_level: 5,
        multi_selection: false,
        init: {
            'FilesAdded': function (up, files) {
                plupload.each(files, function (file) {
                    // 文件添加进队列后，处理相关的事情
                    $("#speedProduct3").show();
                    $("#printFileDetail3").show();
                    $("#printFileDetail3").show();
                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前，处理相关的事情
                $("#speedProduct3").show();
                $("#printFileDetail3").html(file.name);
            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时，处理相关的事情
                // 每个文件上传时，处理相关的事情
                var uploaded = file.loaded;
                var progress = new FileProgress(file, "fileno");
                var fileSize = plupload.formatSize(file.size).toUpperCase();
                var size = plupload.formatSize(uploaded).toUpperCase();
                var formatSpeed = plupload.formatSize(file.speed).toUpperCase();
                $('#fileSizes3').html(fileSize);
                $('#Sizes3').html(size);
                $('#formatSpeeds3').html(formatSpeed+ "/秒");

            },
            'FileUploaded': function (up, file, info) {
                // 每个文件上传成功后，处理相关的事情
                //alert("每个文件上传成功后，处理相关的事情");
                // 其中info是文件上传成功后，服务端返回的json，形式如：
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 查看简单反馈




                var domain = up.getOption('domain');
                var res = jQuery.parseJSON(info);
                var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url
                printFileURL = "http\:\/\/" + sourceLink+ "?download"+"/"+file.name;
                $("#projectyFil3").val(printFileURL);

                $("#printFileURL3").val(printFileURL);
                $('#download').attr('href',printFileURL);
                $('#printFileDetail3').attr('href',printFileURL);
                $("#printFileDetail3").html(file.name);
                alert("上传成功");
                $("#spanTips3").show();
                $("#speedProduct3").hide()

            },
            'Error': function (up, err, errTip) {
                //上传出错时，处理相关的事情
                alert("上传出错，请重新点击上传");
                $("#speedProduct2").hide();
            },
            'UploadComplete': function () {
                //队列文件处理完毕后，处理相关的事情

            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在unique_names: false，save_key: false时才生效
                var key = "";
                // do something with key here
                return key
            }
        }
    };
    var uploader3 = Qiniu.uploader(option3);
    // 第三个上传按钮
    var option4 = {
        runtimes: 'html5,flash,html4',      // 上传模式，依次退化
        browse_button: 'pickfiles4',
        // container: 'container',
        // drop_element: 'container',
        max_file_size: '4gb',
        flash_swf_url: '/swf/Moxie.swf',
        silverlight_xap_url : '/swf/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        dragdrop: true,
        chunk_size: '4mb',
        multi_selection: !(mOxie.Env.OS.toLowerCase() === "ios"),
        uptoken: uptoken_url,
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的uptoken
        unique_names: true,              // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）
        domain: 'dn-dounengyin.qbox.me',     // bucket域名，下载资源时用到，必需
        max_retries: 3,                     // 上传失败最大重试次数
        chunk_size: '4mb',                  // 分块上传时，每块的体积
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
        //log_level: 5,
        multi_selection: false,
        init: {
            'FilesAdded': function (up, files) {
                plupload.each(files, function (file) {
                    // 文件添加进队列后，处理相关的事情
                    $("#speedProduct4").show();
                    $("#printFileDetail4").show();
                    $("#printFileDetail4").show();
                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前，处理相关的事情
                $("#speedProduct4").show();
                $("#printFileDetail4").html(file.name);
            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时，处理相关的事情
                // 每个文件上传时，处理相关的事情
                var uploaded = file.loaded;
                var progress = new FileProgress(file, "fileno");
                var fileSize = plupload.formatSize(file.size).toUpperCase();
                var size = plupload.formatSize(uploaded).toUpperCase();
                var formatSpeed = plupload.formatSize(file.speed).toUpperCase();
                $('#fileSizes4').html(fileSize);
                $('#Sizes4').html(size);
                $('#formatSpeeds4').html(formatSpeed+ "/秒");

            },
            'FileUploaded': function (up, file, info) {
                // 每个文件上传成功后，处理相关的事情
                //alert("每个文件上传成功后，处理相关的事情");
                // 其中info是文件上传成功后，服务端返回的json，形式如：
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 查看简单反馈




                var domain = up.getOption('domain');
                var res = jQuery.parseJSON(info);
                var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url
                printFileURL = "http\:\/\/" + sourceLink+ "?download"+"/"+file.name;
                $("#projectyFil4").val(printFileURL);

                $("#printFileURL4").val(printFileURL);
                $('#download').attr('href',printFileURL);
                $('#printFileDetail4').attr('href',printFileURL);
                $("#printFileDetail4").html(file.name);
                alert("上传成功");
                $("#spanTips4").show();
                $("#speedProduct4").hide()

            },
            'Error': function (up, err, errTip) {
                //上传出错时，处理相关的事情
                alert("上传出错，请重新点击上传");
                $("#speedProduct4").hide();
            },
            'UploadComplete': function () {
                //队列文件处理完毕后，处理相关的事情

            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在unique_names: false，save_key: false时才生效
                var key = "";
                // do something with key here
                return key
            }
        }
    };
    var uploader4 = Qiniu.uploader(option4);
    // 第三个上传按钮
    var option5 = {
        runtimes: 'html5,flash,html4',      // 上传模式，依次退化
        browse_button: 'pickfiles5',
        // container: 'container',
        // drop_element: 'container',
        max_file_size: '4gb',
        flash_swf_url: '/swf/Moxie.swf',
        silverlight_xap_url : '/swf/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        dragdrop: true,
        chunk_size: '4mb',
        multi_selection: !(mOxie.Env.OS.toLowerCase() === "ios"),
        uptoken: uptoken_url,
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的uptoken
        unique_names: true,              // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）
        domain: 'dn-dounengyin.qbox.me',     // bucket域名，下载资源时用到，必需
        max_retries: 3,                     // 上传失败最大重试次数
        chunk_size: '4mb',                  // 分块上传时，每块的体积
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
        //log_level: 5,
        multi_selection: false,
        init: {
            'FilesAdded': function (up, files) {
                plupload.each(files, function (file) {
                    // 文件添加进队列后，处理相关的事情
                    $("#speedProduct5").show();
                    $("#printFileDetail5").show();
                    $("#printFileDetail5").show();
                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前，处理相关的事情
                $("#speedProduct5").show();
                $("#printFileDetail5").html(file.name);
            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时，处理相关的事情
                // 每个文件上传时，处理相关的事情
                var uploaded = file.loaded;
                var progress = new FileProgress(file, "fileno");
                var fileSize = plupload.formatSize(file.size).toUpperCase();
                var size = plupload.formatSize(uploaded).toUpperCase();
                var formatSpeed = plupload.formatSize(file.speed).toUpperCase();
                $('#fileSizes5').html(fileSize);
                $('#Sizes5').html(size);
                $('#formatSpeeds5').html(formatSpeed+ "/秒");

            },
            'FileUploaded': function (up, file, info) {
                // 每个文件上传成功后，处理相关的事情
                //alert("每个文件上传成功后，处理相关的事情");
                // 其中info是文件上传成功后，服务端返回的json，形式如：
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 查看简单反馈




                var domain = up.getOption('domain');
                var res = jQuery.parseJSON(info);
                var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url
                printFileURL = "http\:\/\/" + sourceLink+ "?download"+"/"+file.name;
                $("#projectyFil5").val(printFileURL);

                $("#printFileURL5").val(printFileURL);
                $('#download').attr('href',printFileURL);
                $('#printFileDetail5').attr('href',printFileURL);
                $("#printFileDetail5").html(file.name);
                alert("上传成功");
                $("#spanTips5").show();
                $("#speedProduct5").hide()

            },
            'Error': function (up, err, errTip) {
                //上传出错时，处理相关的事情
                alert("上传出错，请重新点击上传");
                $("#speedProduct5").hide();
            },
            'UploadComplete': function () {
                //队列文件处理完毕后，处理相关的事情

            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在unique_names: false，save_key: false时才生效
                var key = "";
                // do something with key here
                return key
            }
        }
    };
    var uploader5 = Qiniu.uploader(option5);
})